import React from 'react'
import { NavBar, Space, Toast } from 'antd-mobile'
import { useNavigate } from 'react-router-dom'

import './index.css'
function index() {
    const navigate = useNavigate()
    const back = () =>
        Toast.show({
            content: navigate(-1),
            duration: 1000,
        })

        const save = () => {

            Toast.show({
                content: '保存成功',
                duration: 1000,
            })
 
        }
    return (
        <div>
            <NavBar onBack={back}>新增收货地址</NavBar>
            <textarea name="" id="" style={{width: '100%', height: '100px'}}>粘贴信息,自动识别姓名,电话和地址</textarea>
           <div className='Inputbacv'>
            收货人<input type="text" placeholder='请输入收货人姓名' className='Inputbact' />
            手机号码 <input type="text" placeholder='请输入收货人手机号码' className='Inputbact' />
            所在地区 <input type="text" placeholder='请选择省市区' className='Inputbact' />
            详细地址 <input type="text" placeholder='请详细填写您的收货地址' className='Inputbact' />
           </div>
           <div>
                  <button onClick={save} className='Inputbacddgd'>保存</button>
           </div>
        </div>
    )
}

export default index